<input type="text" class="form-control" id="tokeninput_{$field.name}" name="{$field.name}" value="{$field.value|default=''}" {$field.extra_attr|default=''}>

<link rel="stylesheet" type="text/css" href="__LIBS__/tokeninput/css/token-input.css">
<link rel="stylesheet" type="text/css" href="__LIBS__/tokeninput/css/token-input-bootstrap.css">
<script type="text/javascript" src="__LIBS__/tokeninput/js/jquery.tokeninput.min.js" charset="utf-8"></script>
<script type="text/javascript">
    $(function(){
        //标签自动完成
        var tags = $('#tokeninput_{$field.name}'), tagsPre = [];
        if (tags.length > 0) {
            var items = tags.val().split(','), result = [];
            for (var i = 0; i < items.length; i ++) {
                var tag = items[i];
                if (!tag) {
                    continue;
                }
                tagsPre.push({
                    id      :   tag,
                    title   :   tag
                });
            }
        }       

        tags.tokenInput("{:url(MODULE_NAME.'/Tag/search')}",{
            propertyToSearch    :   'title',
            tokenValue          :   'id',
            searchDelay         :   0,
            tokenLimit          :   10,
            preventDuplicates   :   true,
            animateDropdown     :   true,
            allowFreeTagging    :   true,
            hintText            :   '请输入标签名',
            noResultsText       :   '此标签不存在, 按回车创建',
            searchingText       :   "查找中...",
            prePopulate         :   tagsPre,
            theme               :   'bootstrap',
            onAdd: function (item){ //新增系统没有的标签时提交到数据库
                var item_title=parseInt(item.title);
                if (IsNum(item_title)) {
                    tags.tokenInput("remove", {title: item.title});//禁止新增数字
                }else{
                    $.post("{:url(MODULE_NAME.'/Tag/add')}", {'title': item.title},function (data){
                        console.debug(data);
                    });
                }
                
                return false;
            }
        });
    });
    //判断是否为数字
    function IsNum(s)
    {
        if (s!=null && s!="")
        {
            return !isNaN(s);
        }
        return false;
    }

</script>
